<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/login.css">
    

    <!-- 引入样式 -->
    <link rel="stylesheet" href="../css/slider.css">
    <!-- 引入jQuery -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 引入js插件 -->
    <script src="../lib/jquery.slidebox.js"></script>
    <script src="../lib/slide.fn.js"></script>
    <!-- 引入无缝轮播插件 -->
    <script src="../lib/super_slider.js"></script>
 
    <!-- 引入当前js -->
    <script src="../js/login.js"></script>
</head>
<body style="padding-bottom: 200px;">
    <!-- 顶部导航 -->
    <div class="head container-fluid">
        <div class="head-top container">

            <img class="pic1 fl" src="../images/logo_00.png" alt="">
             <img class="pic2 " src="../images/电 话 (1).png" alt=""> 
                <p class="t1">咨询电话</p>
                <p class="t2"> XXXX-XXXXXXXXX</p>
                <p class="text-index"><a href="../html/index.html">返回首页</a></p>

            
        </div>


    </div>
    <!-- 广告图 -->
    <div class="banner contain-fluid">
        <div class="login">
            <!-- 普通登录 -->
          <div class="putong">
            <img class="fr denglu" src="../images/denglu1.png" alt="">
            <ul class="login-text clearfix">
                <li ><a class="one fl active fw" href="#">普通登录</a></li>
                <li ><a class="two fr fw" href="#">手机无密码登录</a></li>
            </ul>


            <div class="user">
                <input type="text" placeholder="用户名/邮箱/手机号">
                <div class="min">
                    <img src="../images/用户.png" alt="">
                </div>

            </div>
            <div class="pwd">
                <input type="text" placeholder="密码">
                <div class="min">
                    <img src="../images/密码.png" alt="">
                </div>
            </div>

            <div class="checkin">
                <input type="button" value="登录">
            </div>

            <p class="forget"><a href="#">忘记密码</a>        <a href="../html/register.html">注册账号</a></p>

            <p class="three">第三方登录：
                <img src="../images/QQ.png" alt="">
                <img src="../images/微信 copy.png" alt="">
                <img src="../images/新浪.png" alt="">
                <img src="../images/支付宝.png" alt="">

            </p>
            


          </div>

          <!-- 扫码登录 -->
          <div class="saoma">
              <img class="fr denglu" src="../images/dainshi.png" alt="">
              <img class="saosao" src="../images/扫一扫.png" alt="">
              <p class="open">打开xxxxx</p>
              <p class="open1">扫一扫登录</p>
              <img class="erweima" src="../images/二维码.png" alt="">
              <p class="load">点击下载xxxAPP</p>
          </div>


           

        </div>
    </div>
    <!-- 尾部 -->
        <div class="footer container-fluid ">
            <div class="foot-top container">
              <div class="foot-pic">
                  <ul>
                      <li><img class="fl mr" src="../images/正品保障.jpg" alt="">
                        <p class="fs20 c33 pb10 fw">正品保障</p>
                        <p>正品行货 放心选购</p>
                       </li>
                      <li><img class="fl mr" src="../images/包邮.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">满86包邮</p>
                        <p>满86元 免运费</p>
                     </li>
                      <li><img class="fl mr" src="../images/售后无忧.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">售后无忧</p>
                        <p>7天无理由退货</p>
                     </li>
                      <li><img class="fl mr" src="../images/准时.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">准时送达</p>
                       <p>收获时间由你做主</p>
                   </li>
                  </ul>
              </div>
              <div class="foot-bottom ">
                  <div>
                      <ul class="one">
                          <li><a class="fs18 fw" href="#">新手入门</a></li>
                          <li><a href="#">购物流程</a></li>
                          <li><a href="#">会员制度</a></li>
                          <li><a href="../html/carts.html">订单查询</a></li>
                          <li><a href="#">服务协议及隐私说明</a></li>
                          <li><a href="#">网站地图</a></li>
                      </ul>
                  </div>

                  <div>
                      <ul class="two">
                       <li><a class="fs18 fw" href="#">支付方式</a></li>
                       <li><a href="#">货到付款</a></li>
                       <li><a href="#">网上支付</a></li>
                       <li><a href="#">礼品卡支付</a></li>
                       <li><a href="#">其他支付</a></li>
                      </ul>
                  </div>
                  <div>
                   <ul class="three">
                    <li><a class="fs18 fw" href="#">配送服务</a></li>
                    <li><a href="#">配送进度查询</a></li>
                    <li><a href="#">商品验货与签收</a></li>
                    
                   </ul>
               </div>
               <div>
                   <ul class="four">
                    <li><a class="fs18 fw" href="#">相关规则</a></li>
                    <li><a href="#">平台规则</a></li>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">帮助中心</a></li>
                    
                   </ul>
               </div>

               <div>
                   <ul class="five">
                    <li><a class=" fw" href="#">App更优惠</a></li>
                    <li><img src="../images/二维码.png" alt=""></li>
                   </ul>
               </div>
               <div>
                   <ul class="six">
                    <li><a class=" fw" href="#">加微信查订单</a></li>
                    <li><img src="../images/二维码.png" alt=""></li>
                   </ul>
               </div>

              </div>

            </div>
            <div class="footer-bottom container">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | 
                   沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            </div>
            <div class="footer-pic container">
                <ul >
                    <li><img src="../images/footer-1.jpg" alt=""></li>
                    <li><img src="../images/footer-2.jpg" alt=""></li>
                    <li><img src="../images/footer-3.jpg" alt=""></li>
                    <li><img src="../images/footer-4.png" alt=""></li>
                    <li><img src="../images/footer-5.png" alt=""></li>
                    <li><img src="../images/footer-6.jpg" alt=""></li>
                </ul>
            </div>


    </div>


</body>
</html>